<template>
  <div>
    <h1>App</h1>
    {{ username }}-{{ gender }}-{{ hobbys }}-{{ city }}
    <TsInfo v-model:username.count="username" v-model:gender.cn.number="gender"
      v-model:hobbys="hobbys" v-model:city="city"></TsInfo>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import TsInfo from './TsInfo.vue';

const username = ref('jack');
const gender = ref(1);
const city = ref('sz');
const count = ref('count');

const hobbys = ref(['css', 'html']);
</script>

<style>
div {
  border: solid;
  padding: 10px;
}
</style>